<template>
     <img src="../img/1.png" alt="" width="100%">
    <div>
        <dl>
            <dt><img :src="item.url" alt="" width="300rem"></dt>
            <dd>
                <h3>{{ item.name }}</h3>
                <p>{{ item.price }}</p>
                <p> {{item.person}}</p>
                <p> {{item.title}}</p>
            </dd>
        </dl>
        
        <!-- <p>{{ item.description }}</p>
        {{ item.name }} -->
    </div>
</template>

<script setup>
import { useRoute } from 'vue-router';
    const route=useRoute()
    console.log(route);
    const item=route.query
    console.log(item);
 
</script>

<style>
dl{
    float: left;
}
dt{
    float: left;
    width: 100px;
}
dd{
    width: 10rem;
    float: left;
    margin-left: 90px;
}

</style>